import React from 'react'
import PropTypes from 'prop-types'
import BaseTitle from 'base/BaseTitle'
import {
  WrapperSection,
  WrapperContent,
  Title
} from './style'

const Wrapper = (props) => (
  <WrapperSection>
    <WrapperContent>
      <Title>
        <BaseTitle title={props.title} />
      </Title>
      <div className="content">
        {props.children}
      </div>
    </WrapperContent>
  </WrapperSection>
)

Wrapper.propTypes = {
  title: PropTypes.string
}

Wrapper.defaultProps = {
  title: ''
}

export default Wrapper
